<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>learn-home</title>
<link href="css/learn.css" type="text/css" rel="stylesheet" />
<link href="css/base.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/learn.js" ></script>
</head>

<body>
<div id="main-content">
  	<!--====头部====-->
 	<div id="header">
       	<div class="logol"><img src="images/logol.gif"></div>
       	<span>Let's join hands and struggle for geek&nbsp;!</span>
       	<div id="nav">
          	<ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="team.html">团队介绍</a></li>
                <li><a href="project.html">成功案例</a></li>
                <li><a href="learn.html">学习家园</a></li>
                <li><a href="star.html">优秀之星</a></li>
         	</ul>
       	</div>
   	</div>
  	<div id="learn-centre01"> 
    <!-- 左边有很多歌圈圈的那个-->
    	<div style=" overflow:hidden; width:377px; height:494px; margin-left:43px;_margin-left:21px; background:url(images/quanquan.gif); float:left;">
    		<img src="images/quanquan.gif" alt="quanquan" border="0" usemap="#quan" />
    		<map name="quan" id="quan">
                 <area onclick="showtarget('st1')" shape="circle" alt="前台" coords="88,80,68" href="javascript:void(0);" />
                 <area onclick="showtarget('st2')" shape="circle" alt="后台" coords="261,132,43" href="javascript:void(0);" />
                 <area onclick="showtarget('st3')" shape="circle" alt="美工" coords="315,265,50" href="javascript:void(0);" />
                 <area onclick="showtarget('st4')" shape="circle" alt="安卓" coords="106,404,59" href="javascript:void(0);" />
                 
    		</map>
    	</div>
    	<!--右边的介绍-->
    	<div style="border:#afd51d thin solid; width:450px; height:475px; background:#f7fffe; margin-left:456px;">
        	<iframe id="jieshao-iframe" frameborder="0" width="100%" height="100%" src="webpagefront.html"></iframe>
        </div>
  		<!--书籍推荐-->
  		<div id="div">
  			<div id="left"><a href="javascript:;"><img src="images/quanquan-left.gif" style="width:40px; height:188px; border:none"/></a>
        	</div>
            <div id="div1">
                <ul>
                    <li><img src="images/001.png"></li>
                    <li><img src="images/002.jpg"></li>
                    <li><img src="images/003.png"></li>
                    <li><img src="images/004.jpg"></li>
                </ul>
            </div>
			<div id="right"><a href="javascript:;"><img src="images/quanquan-right.gif"  style="width:40px; height:188px; border:none" /></a>
    		</div>
		</div>
  	</div>
  	<!--尾部-->
  	 <div id="footer">
       	<a href="#">友情链接</a>|<a href="#">意见反馈</a>|<a href="#">关于我们</a>|<a href="#">加入我们</a><br/>
        地址：经济管理学院实验中心2306室<br/>
      	Copyright&reg;极客网工作室
   	</div>
</div>
</body>
</html>
